import React, { useState } from 'react'

export default function StateHook() {
  // console.log(this) // undefined

  // 定义计数的状态及修改状态的方法
  const [count, setCount] = useState(0)

  return (
    <button onClick={() => {
      setCount(count + 1)
    }}>你点击了{ count }次</button>
  )
}


// import React, { Component } from 'react'

// export default class StateHook extends Component {
//   state = {
//     count: 0
//   }
//   render() {
//     return (
//       <button onClick={() => {
//         this.setState({
//           count: this.state.count + 1
//         })
//       }}>你点击了{ this.state.count }次</button>
//     )
//   }
// }
